﻿@charset "utf-8";
*{margin:0;padding:0;word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #343434;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6;min-width: 1200px}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer;color:#343434}
a:hover{outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:           style_clearfix
Example:        class="clearfix|cl"
Explain:        Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{zoom:1}
.clear{display:block;height:0;clear:both;zoom:1;line-height:0;font-size:0}

.w1200{width:1200px;margin:auto}
.w1140{width:1140px;margin:auto}
.w1000{width:1000px;margin:auto}

.tran-all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}

.por{position:relative;}
.poa{position:absolute;}

.text-white{color:#fff;}
.text-main{color:#4d91e2}
.bg-white{background:#fff}
.bg-main{background:#4d91e2; color: white !important;}

.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.bor-bottom{border-bottom:2px solid #4d91e2}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.over-hide{overflow: hidden;}


/*btns*/
.btn-size-S,
.btn-size-M,
.btn-size-L{display:inline-block;line-height:1.6;color:#fff;background-color:#4d91e2;border-radius:2px;border:none;border:1px solid #4d91e2;cursor:pointer}
.btn-size-S{padding: 3px 8px;font-size:12px;}
.btn-size-M{padding: 4px 12px;font-size:14px;}
.btn-size-L{padding: 8px 16px;font-size:16px;}
.btn-notice{background-color:#ff3333;border-color:#ff3333}
.btn-default{background-color:#ffffff;border-color:#ddd;color:#4d91e2}
.btn-yellow{background-color:#faaf56;border-color:#faaf56;color:#fff}
.btn-orange{background-color:#ff5622;border-color:#ff5622;color:#fff}

.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgb15{margin-bottom:15px;}
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl60{margin-left:60px;}
.mgr10{margin-right:10px;}

.input-li input,
.upload-txt textarea{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.input-li input:hover,
.upload-txt textarea:hover{border-color:#4d91e2 !important;}
.input-li input:focus,
.upload-txt textarea:focus{border-color:#4d91e2 !important;border-color:rgba(77,145,226,0.8) !important;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(77, 145, 226, 0.3) !important}

/*usercenter*/
.user-center{padding:1px 0 50px;background-color: #f7f7f7}
.user-loaction{padding:13px 0;}

/*left*/
.user-center-left{float:left;width:198px;border:1px solid #e7e7e7;background-color:#fff}
.user-center-left .left-tit{margin:10px 0;padding:8px 40px;color:black;}
.user-center-left .left-nav dl{padding-bottom:15px;border-top:1px solid #e7e7e7}
.user-center-left .left-nav dl dt{padding:12px 0;padding-left:40px;color:#8d8d8d;background-position:15px center;background-repeat: no-repeat;}
.user-center-left .left-nav dl dt.ico-order{background-image: url(../imgs/ico/ico-order.png)}
.user-center-left .left-nav dl dt.ico-integral{background-image: url(../imgs/ico/ico-integral.png)}
.user-center-left .left-nav dl dt.ico-data{background-image: url(../imgs/ico/ico-data.png)}
.user-center-left .left-nav dl dd{padding:5px 0;padding-left:40px;}
.user-center-left .left-nav dl dd.active{padding:7px 0;padding-left:40px;background-color:#4d91e2}
.user-center-left .left-nav dl dd.active a{color:#fff}
.user-center-left .left-nav dl dd a:hover{color:#4d91e2}
.user-center-left .left-nav dl dd.active a:hover{color:#fff}

/*main*/
.user-center-right{float:right;width:990px;}
.user-center-right h2.section-tit{height:40px;font-weight:normal;}
.user-center-right h2.section-tit span{display: inline-block;height:38px;line-height:38px;font-weight:normal;}
.user-center-main{background:#fff;border:1px solid #e7e7e7;}

.user-center-main .section-head{border-bottom:1px solid #e7e7e7;}
.user-center-main .section-head .information{float:left;width:486px;height:155px;padding:10px 20px;border-right:1px solid #e7e7e7;}
.user-center-main .section-head .information .box{padding-top:20px;height:90px;}
.user-center-main .section-head .information .box .head-img{float:left;width:80px;height:80px;margin-top:5px;border-radius:100%;overflow:hidden}
.user-center-main .section-head .information .box .head-img img{width:80px;height:80px;}
.user-center-main .section-head .information .box ul{float:right;width:390px;}
.user-center-main .section-head .information .box ul li{float:left;height:30px;line-height:30px;}
.user-center-main .section-head .information .box ul .li01{width:150px;}
.user-center-main .section-head .information .box ul .li02{width:230px;margin-left:10px;}
.user-center-main .section-head .information .box ul li span{float:left;color:#999;text-align:right}
.user-center-main .section-head .information .box ul li p{float:left;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.user-center-main .section-head .information .box ul .li01 span{width:50px;}
.user-center-main .section-head .information .box ul .li01 p{width:100px;}
.user-center-main .section-head .information .box ul .li02 span{width:80px;}
.user-center-main .section-head .information .box ul .li02 p{width:150px;}

.user-center-main .section-head .assets{float:left;width:420px;height:155px;padding:10px 20px;}
.user-center-main .section-head .assets .box{padding-top:20px;height:90px;}
.user-center-main .section-head .assets .box dl{float:left;width:119px;height:90px;padding-right:30px;border-right:1px solid #e7e7e7;text-align:right}
.user-center-main .section-head .assets .box dl dt{padding:10px 0;font-size:12px;}
.user-center-main .section-head .assets .box dl dt a{margin-left:10px}
.user-center-main .section-head .assets .box dl p{margin-top:5px;font-size:20px;color:#FF5722}
.user-center-main .section-head .assets .box .dl02{padding-right:0;border-right:0}

.user-center-main .section-discount{padding:10px 20px;border-bottom:1px solid #e7e7e7;overflow:hidden}
.discount-lists {margin-right:-25px;padding:0 0 20px}
.discount-lists li{position:relative;float:left;width:300px;height:90px;margin-right:24px;margin-top:20px;background-color:#fff}
.discount-lists li .notes{position:absolute;z-index:1;right:0;top:0;width:30px;height:20px;line-height:20px;text-align:center;font-size:12px;color:#fff;background-color:#199ed8;}
.discount-lists li .left-c{float:left;width:110px;height:75px;padding-top:15px;color:#fff;text-align:center;background-color:#ff5e5c;border-top-left-radius: 2px;border-bottom-left-radius: 2px}
.discount-lists li .left-c span{display:block;width:100%;height: 35px;line-height: 35px;overflow:hidden;font-size:20px;font-family: "Arial" ,"Microsoft Yahei";}
.discount-lists li .left-c p{display:block;font-size:12px;width:100%;height: 20px;line-height: 20px;overflow:hidden;}
.discount-lists li .right-c{float:left;width:159px;height:60px;padding:14px 15px;background-color:#fff;border:1px solid #e7e7e7;border-left:0;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.discount-lists li .right-c p{width:159px;height:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.discount-lists li .right-c .p2{color:#999;font-size:12px;background:url(../imgs/r.png) no-repeat right center;}
.discount-ul{padding:0 20px;overflow:hidden}
.discount-lists li.overdue .left-c{background:#bbb;}

.user-center-main .section-order{padding:0 20px;overflow:hidden}
.order-lists {padding:0 0 20px}
.order-lists li{width:946px;margin-top:20px;}
.order-lists li .order-tit .order-state{float:left;padding:0 10px;height:22px;line-height:22px;color:#fff;font-size:12px;border-radius:2px;background-color:#76bb60;}
.order-lists li .order-tit .state-blue{background-color:#00a8ff;}
.order-lists li .order-tit .state-green{background-color:#76bb60;}
.order-lists li .order-tit .state-yellow{background-color:#ffb800;}
.order-lists li .order-tit .state-red{background-color:#ff6600;}
.order-lists li .order-tit .state-gray{background-color:#999;}
.order-lists li .order-tit .order-num{float:left;margin-left:10px;color:#666}
.order-lists li .order-tit .order-date{float:right;color:#666}
.order-lists li .goods-box{width:100%;;border-top:1px solid #ddd;margin-top:-1px;}
.order-lists li .goods{width:490px;padding:10px;height:60px;}
.order-lists li .goods .goods-img{float:left;width:54px;height:54px;padding:2px;border:1px solid #ddd}
.order-lists li .goods .tit{float:right;width:410px;margin:0;height:32px;line-height:16px;overflow:hidden}
.order-lists li .goods .tit p{float:left;width:320px;height:32px;line-height:16px;}
.order-lists li .goods .tit span{float:right;width:60px;text-align:right}
.order-lists li .goods .price{float:right;width:410px;height:20px;line-height:20px;margin-top:8px;color:#ff6600;overflow:hidden}
.order-lists li .pay{padding:10px;text-align:center;}
.order-lists li .pay p{padding:5px 0;min-height:16px;line-height:16px;}
.order-lists li .pay .p2{border-top:1px solid #ddd}
.order-lists li .buyer{padding:10px;}
.order-lists li .buyer .name{height:20px;line-height:20px;background: url(../imgs/m.png) no-repeat right center;overflow:hidden}
.order-lists li .buyer .address{margin-top:5px;line-height:16px;min-height:16px;overflow:hidden}
.order-lists li .handle{padding:10px;text-align:center;}

.order-lists li .table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0;}
.order-lists li .table thead{border:1px solid #ddd;background-color:#f7f7f7}
.order-lists li .table thead th{text-align:left;padding:10px;color:#666;border:1px solid #ddd;}
.order-lists li .table tbody {border:1px solid #ddd;}
.order-lists li .table tbody td{border:1px solid #ddd;font-size:12px;}

/*order-main*/
.orderBox {padding:20px;background:#fff;}
.orderBox h2{padding:0 0 20px;font-size:20px;font-weight:normal}
.orderHd {padding: 0 ;height:36px;line-height:36px}
.orderHd .w1{font-size:16px}
.orderHd .w1{float:left}
.orderHd .w1 .orderId{margin-right:30px}
.orderHd .w1 b{font-weight:normal;color:#4d91e2}
.orderHd .w5{float:right;height:34px;line-height:34px}
.orderHd .w5 a{color:#999;display:block;padding:0 15px;border:1px solid #ddd;}
.orderHd .w5:hover a{color:#fff;background-color:#d70c18;border-color:#d70c18}
.orderwuliu {border-top:1px solid #ddd;padding:30px 20px }
.orderwuliu .invozt{font-size:18px;color:#4d91e2;margin-bottom:15px;}
.orderwuliu .invoHeader{margin-left:20px}
.orderwuliu .invoType,.orderwuliu .invoHeader{float:left;color:#777}
.orderwuliu .option{color:#757575;font-size:14px;line-height:20px;min-height:20px;padding:5px 0}
.orderwuliu .option .info{float:left;width:80px;}
.orderwuliu .option .value{float:left;width:860px}
.orderBd ul{padding:0 20px}
.orderBd ul li {border-top:1px solid #ddd;padding:10px 0;}
.orderBd ul li .goods-img{float:left;width:90px;height:90px;margin-left:20px}
.orderBd ul li .goods{float:left;width:770px;height:90px;margin-left:20px;padding-left:20px;padding-right:20px;border-left:1px solid #ddd}
.orderBd ul li .goods .tit{width:770px;height:60px;}
.orderBd ul li .goods p{float:left;width:580px;line-height:20px;height:60px;font-size:13px;overflow:hidden}
.orderBd ul li .goods span{float:right;width:170px;line-height:20px;height:20px;font-size:12px;text-align:right;overflow:hidden}
.orderBd ul li .goods .price{margin-top:10px;line-height:20px;height:20px;font-size:12px;color:#ff6600;overflow:hidden}
.orderFt {border-top:1px solid #ddd;padding: 20px;text-align:right}
.orderFt p{height:35px;line-height:35px;font-size:14px;color:#777}
.orderFt p span{display:inline-block;padding-left:10px;color:#e54a47;font-size:26px}
.orderFt p i{display:inline-block;margin-left:5px;color:#e54a47;font-size:14px; font-style:normal}
.step {background:#ccc;border-radius: 26px;}
.step ul li{width:20%;float:left;text-align:center}
.step ul li dt{height:26px;line-height:26px;background:#ccc;color:#fff;font-weight:normal}
.step ul li dt.step-done{background:#4d91e2}
.step ul li dt.step-one{border-top-left-radius: 26px;border-bottom-left-radius: 26px;}
.step ul li dt.step-last{border-top-right-radius: 26px;border-bottom-right-radius: 26px;}
.step ul li dd{width:184px;height:0;line-height:0;font-size:12px;color:#4a4a4a}


/*tabmenu*/
.user-tab-menu{width:948px;padding:0 20px;margin-bottom:10px;height:48px;background-color:#fff;border:1px solid #e7e7e7}
.user-tab-menu ul li{float:left;height:47px;line-height:47px;margin-right:20px}
.user-tab-menu ul li a{display:block;height:47px;line-height:47px;}
.user-tab-menu ul li a.active{border-bottom:2px solid #4d91e2}

.user-tab-count{width:948px;padding:10px 20px 5px;margin-bottom:10px;background-color:#fff;border:1px solid #e7e7e7}
.user-tab-count dl{float:left;margin-right:50px;}
.user-tab-count dl dt{color:#999}
.user-tab-count dl dd{font-size:24px;font-family: "Arial" ,"Microsoft Yahei";}
.user-tab-count dl .dd01{color:#ff6600}
.user-tab-count dl .dd02{color:#4D91E2}
.user-tab-count dl .dd03{color:#666666}
.user-tab-count dl .dd04{color:#2AA438}

/*invoice*/
.invoice-form{width:988px;padding:1px 0;margin-bottom:10px;background-color:#fff;border:1px solid #e7e7e7}
.invoice-form .form-01{padding:0 20px 20px;}
.invoice-form .form-01 .li00{float:left;margin-top:20px;width:948px;}
.invoice-form .form-01 .li00 .tit{float:left;width:100px;margin-right:10px;min-height:20px;line-height:20px;padding:9px 0;text-align:right}
.invoice-form .form-01 .li00 .input-li{float:left;width:290px;min-height:38px;}
.invoice-form .form-01 .li00 .input-li input{width:258px;height:36px;line-height:36px;padding:0 15px;border-radius:2px;border:1px solid #ccc;background-color:#fff;}
.invoice-form .form-01 .li02{width:470px;}
.invoice-form .form-01 .li01 .input-li{width:760px;}
.invoice-form .form-01 .li01 .input-li input{width:728px;}

.invoice-state{width:948px;padding:10px 20px;margin-bottom:10px;background-color:#fff;border:1px solid #e7e7e7}
.invoice-state .state01{color:#FF6600;margin-bottom:10px}
.invoice-state .state02{color:#4D91E2;margin-bottom:10px}

.invoice-message{width:948px;padding: 20px;margin-bottom:10px;background-color:#fff;border:1px solid #e7e7e7}
.invoice-message .li00{float:left;width:470px;}
.invoice-message .li00 .tit{float:left;width:110px;margin-right:10px;min-height:20px;line-height:20px;padding:5px 0;color:#666;text-align:right}
.invoice-message .li00 p{float:left;width:330px;min-height:20px;line-height:20px;padding:5px 0;}
.invoice-message .li01{float:left;width:940px;}
.invoice-message .li01 p{width:800px;}

/*evaluate*/
.user-evaluate{margin-top:-1px;border-top:1px solid #e7e7e7;height: 300px;overflow: hidden;}
.user-evaluate .goods-img{float:left;width:244px;height:210px;padding:20px 35px;border-right:1px solid #e7e7e7;text-align:center}
.user-evaluate .goods-img .img{width:120px;height:120px;padding:4px;border:1px solid #e7e7e7}
.user-evaluate .goods-img .price{margin-top:10px;color:#ff6600;}
.user-evaluate .goods-img .tit{margin-top:10px;color:#666;font-size:12px;line-height:16px;}

.user-evaluate .evaluate{float:right;width:610px;height:190px;padding:30px;}
.user-evaluate .evaluate .upload-imgs .tit{float:left;width:60px;margin-right:20px;min-height:20px;line-height:20px;padding:5px 0;color:#999;text-align:right}
.user-evaluate .evaluate .upload-imgs .box{float:left;width:520px;}
.user-evaluate .evaluate .upload-imgs .box li{float:left;width:60px;height:60px;margin-right:10px;margin-bottom:10px;background:#f2f2f2;cursor:pointer}
.user-evaluate .evaluate .upload-txt{margin-top:10px;}
.user-evaluate .evaluate .upload-txt .tit{float:left;width:60px;margin-right:20px;min-height:20px;line-height:20px;padding:5px 0;color:#999;text-align:right}
.user-evaluate .evaluate .upload-txt textarea{width:500px;height:100px;line-height:20px;padding:5px 10px;border:1px solid #ccc;resize: none;border-radius:2px}

.user-evaluate-btn{padding:20px 0;padding-left:320px;margin-top:10px;background-color:#fff;border:1px solid #e7e7e7}

.evaluate-list{padding:13px}
.table-list{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
.table-list thead{border:1px solid #ddd;background-color:#f7f7f7}
.table-list thead th{text-align:left;padding:8px 15px;color:#666}
.table-list tbody tr{border-bottom:1px solid #ddd;}
.table-list tbody td{padding:12px 15px;font-size:12px;}
.table-list tbody td .date{font-size:12px;}
.table-list tbody td .box li{float:left;margin-right:5px;width:44px;height:44px;padding:2px;border:1px solid #ccc;font-size:0}
.table-list tbody td .box li span{dispaly:inline-block;height:100%;vertical-align:middle}
.table-list tbody td .box li img{max-width:44px;max-height:44px;}
.table-list tbody td .head-img{width:30px;height:30px}

.table-list tbody td .goods{width:300px;height:60px;font-size:12px}
.table-list tbody td .goods .goods-img{float:left;width:54px;height:54px;padding:2px;border:1px solid #ddd}
.table-list tbody td .goods .tit{float:right;width:230px;margin:0;height:32px;line-height:16px;overflow:hidden}
.table-list tbody td .goods .tit p{width:230px;height:32px;line-height:16px;}
.table-list tbody td .goods .price{float:right;width:230px;height:20px;line-height:20px;margin-top:8px;color:#ff6600;overflow:hidden}

.table-balance tbody td{font-size:14px;}
.table-balance tbody td .txt-orange{color:#ff6600}
.table-balance tbody td .txt-red{color:#ff3333}
.table-balance tbody td .txt-green{color:#00CC33}


.table-select{padding:13px 13px 0}
.table-select .type-list{float:left;margin-right:30px;padding-left:25px;height:32px;line-height:32px;position:relative;overflow:hidden;cursor:pointer;}
.table-select .type-list input {display: none;position: absolute;left: -50px;top: -50px;}
.table-select .type-list .icon_checked{position:absolute;width:16px;height:16px;left:0;top:8px;background:url(../imgs/checkout.png) no-repeat -34px -17px;}
.table-select .type-list input[type="checkbox"]:checked + .icon_checked {background-position:0 0;}

.table-radio{padding:13px 13px 0}
.table-radio .type-list{float:left;margin-right:30px;padding-left:25px;height:32px;line-height:32px;position:relative;overflow:hidden;cursor:pointer;}
.table-radio .type-list input {display: none;position: absolute;left: -50px;top: -50px;}
.table-radio .type-list .icon_checked{position:absolute;width:16px;height:16px;left:0;top:8px;background:url(../imgs/checkout.png) no-repeat -0 -55px;}
.table-radio .type-list input[type="radio"]:checked + .icon_checked {background-position:-16px -55px;}



/*group*/
.user-group-main{margin-bottom:10px;padding:20px;background: #fff;border: 1px solid #e7e7e7;}
.user-group-tit{height:32px;line-height:32px;}
.user-group-tit h2,
.user-group-tit .group-leader,
.user-group-tit .group-infos{float:left;}
.user-group-tit .btn-w{float:right;}
.user-group-tit h2{height:24px;line-height:24px;padding-bottom:6px;font-weight:normal;border-bottom:2px solid #4c91e2}
.user-group-tit .group-leader{height:32px;padding:0 10px;background-color:#faaf56;color:#fff;margin-left:10px;border-radius:2px}
.user-group-tit .group-infos{margin-left:45px;}
.user-group-tit .group-infos span{color:#4c91e2;}

.user-group-goods{height:90px;margin-top:20px}
.user-group-goods .goods{float:left;width:300px;height:60px;padding:14px ;border:1px solid #ddd;font-size:12px}
.user-group-goods .goods .goods-img{float:left;width:54px;height:54px;padding:2px;border:1px solid #ddd}
.user-group-goods .goods .tit{float:right;width:230px;margin:0;height:32px;line-height:16px;overflow:hidden}
.user-group-goods .goods .tit p{width:230px;height:32px;line-height:16px;}
.user-group-goods .goods .price{float:right;width:230px;height:20px;line-height:20px;margin-top:8px;color:#ff6600;overflow:hidden}
.user-group-goods .detail{float:left;margin-left:40px;width:250px;height:82px;}
.user-group-goods .detail .li01{height:30px;line-height:30px;}
.user-group-goods .detail .li01 span{float:left;color:#999;width:80px;text-align:right}
.user-group-goods .detail .li01 p{float:left;color:#333;width:160px;margin-left:5px;}
.user-group-goods .detail .li01 p.o{color:#ff6600;}



/*deposit-form*/
.deposit-form{padding:13px;background-color:#fff;border:1px solid #e7e7e7}
.deposit-form .form-01{border:1px solid #ddd;padding-bottom:20px;}
.deposit-form .form-01 h2{padding:10px 20px;color:#666;font-weight:normal;border-bottom:1px solid #ddd;background:#f7f7f7}
.deposit-form .form-01 .con{padding:20px 20px 0;line-height:1.8}
.deposit-form .form-01 .li00{margin-top:20px;}
.deposit-form .form-01 .li00 .tit{float:left;width:100px;margin-right:10px;min-height:20px;line-height:20px;padding:9px 0;color:#999;text-align:right}
.deposit-form .form-01 .li00 .input-li{float:left;width:250px;min-height:38px;background-color:#fff}
.deposit-form .form-01 .li00 .input-li input{width:228px;height:36px;line-height:36px;padding:0 10px;border-radius:2px;border:1px solid #ccc;background:#fff}
.deposit-form .form-01 .li00 .select-li{float:left;width:260px;min-height:38px;}
.deposit-form .form-01 .li00 .select-li select{width:78px;height:38px;padding:0 5px;margin-right:4px;border:1px solid #ccc;border-radius:2px}
.deposit-form .form-01 .li00 .shop-img{float:left;width:250px;}
.deposit-form .form-01 .li00 .shop-img .img{width:80px;height:80px;border:1px solid #ccc;background-color:#f2f2f2}
.deposit-form .form-01 .li00 .tips{float:left;height:20px;margin-left:20px;line-height:20px;padding:9px 0;color:#999;}
.deposit-form .form-01 .li00 .tips span{margin-left:10px;color:#ff6600;}

.deposit-form .box-l{float:left;width:80px}
.deposit-form .box-l .head-img{width:80px;height:80px;text-align: center;cursor:pointer}
.deposit-form .box-l .head-img img{width:80px;height:80px;}
.deposit-form .box-l .head-img a{display:block;margin-top:10px;font-size:12px;color:#ff6600}

.deposit-form .box-r{float:right;width:830px}
.deposit-form .box-r .form-01 .li02{float:left;width:50%}

.deposit-form .form-01 .li00 .input-li2{float:left;margin-left:20px;width:400px;min-height:38px;background-color:#fff}
.deposit-form .form-01 .li00 .input-li2 .handle-text{width:378px;height:80px;line-height:20px;padding:10px;border:1px solid #ddd;resize:none}
.deposit-form .form-01 .li00 .input-li2 .type-list{}
.deposit-form .form-01 .li00 .input-li2 .type-list{float:left;margin-right:30px;padding-left:22px;height:38px;line-height:38px;position:relative;overflow:hidden;cursor:pointer;}
.deposit-form .form-01 .li00 .input-li2 .type-list input {display: none;position: absolute;left: -50px;top: -50px;}
.deposit-form .form-01 .li00 .input-li2 .type-list .icon_checked{position:absolute;width:16px;height:16px;left:0;top:11px;background:url(../imgs/checkout.png) no-repeat -34px -17px;}
.deposit-form .form-01 .li00 .input-li2 .type-list input[type="checkbox"]:checked + .icon_checked {background-position:0 0;}



/*discount*/
.discount-donation{padding:20px}
.discount-donation .discount-lists{margin-left:65px;}
.discount-form .li00{margin-top:20px;}
.discount-form .li00 .tit{float:left;width:65px;min-height:20px;line-height:20px;padding:9px 0;color:#343434;}
.discount-form .li00 .input-li{float:left;width:300px;min-height:38px;background-color:#fff}
.discount-form .li00 .input-li input{width:278px;height:36px;line-height:36px;padding:0 10px;border-radius:2px;border:1px solid #ccc;background-color:#fff}
.discount-form .li00 .tips{float:left;width:278px;min-height:20px;line-height:20px;font-size:12px;color:#999;}
.discount-form .li00 .tips2{float:left;width:278px;min-height:20px;line-height:20px;padding:9px 0;color:#999;}
.discount-form .li01{margin-top:5px;}
.discount-form .li01 .tit{height:20px;padding: 0;}




/*extend*/
.user-extend-menber{padding:20px;margin-bottom:10px;background-color:#fff;border:1px solid #e7e7e7}
.user-extend-menber .head-img{margin-right:20px}

.extend-menber-ul{padding:20px;}
.extend-menber-ul h3{margin-bottom:10px;font-weight:normal;}
.extend-menber-ul .box{margin:0 -5px}
.extend-menber-li{float:left;margin:0 5px;width:308px;}

/*promoters*/
.promoters-left{float: left;width:448px;height:620px;padding:20px;border:1px solid #e7e7e7;background:#fff}
.promoters-right{float: right;width:448px;height:620px;padding:20px;border:1px solid #e7e7e7;background:#fff}
.promoters-right h3{margin-bottom:10px;font-weight:normal;}



/*other*/
.deposit-form .form-01.others{padding:0}
.other-acount{padding:20px 20px 20px 60px;margin-top:-1px;height:30px;line-height:30px;color:#999;border-top:1px solid #ddd}
.other-acount.typeqq{background: url(../imgs/qq.png) no-repeat 20px center;}
.other-acount.typetel{background: url(../imgs/tel.png) no-repeat 20px center;}
.other-acount.typewx{background: url(../imgs/wx.png) no-repeat 20px center;}
.other-qr{margin:0 60px 30px}

/*address*/
.user-address{padding:15px 20px;margin-top:-1px;border-top:1px solid #ddd}
.user-address .box{width:600px;line-height:30px;}
.user-address .p1 span{;margin-left:20px;font-size:13px}
.user-address .p2{color:#666;line-height:20px}



/*login*/
#UpdatePanel1{background:url(../imgs/login.jpg) no-repeat center bottom; height:500px;}
#UpdatePanel1 .right-box{margin-top:70px;float:right;width:340px;height:340px;background:#fff; position:relative}
#UpdatePanel1 .right-box .login-change{position:absolute;right:5px;top:5px;width:200px;height:50px}
#UpdatePanel1 .right-box .login-change .por{width:100%}
#UpdatePanel1 .right-box .login-change span{display:block;width:135px;height:28px;line-height:28px;background:url(../imgs/ico_login.png) no-repeat -100px 0;color:#de3e37;padding-left:15px;font-size:12px;}
#UpdatePanel1 .right-box .login-change1 i.icon_pc{ position:absolute;width:50px;height:50px;background:url(../imgs/ico_login.png) no-repeat 0 -40px;right:0;top:0; cursor:pointer}
#UpdatePanel1 .right-box .login-change2 i.icon_weixin{ position:absolute;width:50px;height:50px;background:url(../imgs/ico_login.png) no-repeat -50px -40px;right:0;top:0; cursor:pointer}
.loginBox-weixin{width:295px;height:240px;margin:45px auto 0}
.loginBox-weixin .tips{font-size:18px;font-weight:bold;height:30px;}
.loginBox-weixin .input-group{margin:10px auto;text-align:center;width:140px;height:140px;background-color:#fff}
.loginBox-weixin .desc-group {text-align:center}
.loginBox-weixin .desc-group i{font-style:normal;font-weight:bold;color:#de3e37}
.loginBox-weixin .desc-group span{display:inline-block;background:url(../imgs/ico_login.png) no-repeat 0 -90px;text-align:left;height:32px;line-height:16px;font-size:12px;padding-left:40px;}
.loginBox-password{width:295px;height:240px;margin:45px auto 0}
.loginBox-password .tips{font-size:18px;font-weight:bold;height:30px;margin-bottom:20px;}
.loginBox-password .tips span{display:block;height:28px;line-height:28px;border:1px solid #dd514c;width:260px;padding-left:33px;color:#dd514c;font-weight:400;font-size:12px;background:url(../imgs/error.png) no-repeat 10px center}
.loginBox-password .input-group{margin:10px auto;text-align:center;width:293px;height:40px;border:1px solid #ddd;background:#fff}
.loginBox-password .input-group .cd-user{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat 0 0 #ddd}
.loginBox-password .input-group .cd-password{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat -40px 0 #ddd}
.loginBox-password .input-group input{float:left;background:none;border:none;width:223px;height:40px;line-height:40px;padding:0 15px}
.loginBox-password .btn-group .btn-login{margin-top:10px;width:100%;height:45px;line-height:45px;background:#de3e37;color:#fff;text-align:center;font-size:17px; letter-spacing:5px;border:none; cursor:pointer}

#UpdatePanel1 .btn-signup{font-size:12px;color:#666;float:right;margin-right:30px}
.login-change1{display:none}
.login-change2{display:block}
.loginBox-weixin{display:none}
.loginBox-password{display:block}





/*register*/
.register {padding-bottom:100px;padding-top:1px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.register h3{margin-top:80px;font-size:30px;text-align:center; letter-spacing:5px;font-weight:normal}
.register .regBox{width:600px;margin:40px auto 0}
.register .regBox .input-group {height:42px;line-height:42px;margin-top:15px}
.register .regBox .input-group .input-name{float:left;width:150px;padding-right:10px;height:42px;text-align:center;font-size:16px;color:#545454;text-align:right;}
.register .regBox .input-group .input-text{float:left;width:210px;padding:0 15px;height:40px;border:solid 1px #ddd;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.register .regBox .input-group .input-text:hover{border:solid 1px #de3e37}
.register .regBox .input-group .input-text:focus{border:solid 1px #de3e37 \9;border-color:rgba(222,62,55,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(222, 62, 55, 0.3)}
.register .regBox .input-group .input-group-user{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat 0 -140px;border: solid 1px #ddd;border-left:0}
.register .regBox .input-group .input-group-email{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat -40px -140px;border: solid 1px #ddd;border-left:0}
.register .regBox .input-group .input-group-password{float:left;width:40px;height:40px;background:url(../imgs/ico_login.png) no-repeat -80px -140px;border: solid 1px #ddd;border-left:0}
.register .regBox .input-group .tips{float:right;width:130px;height:42px;color:orangered;font-size:12px;}
.register .regBox .input-group .btn-reg{margin-left:160px;float:left;width:283px;height:42px;color:#fff;text-align:center;font-size:16px; letter-spacing:5px;background:#de3e37;border:none;cursor:pointer}


.register .regBox .input-group .reset-btn{float: right;width: 130px;height: 42px;}





.reset-password-state{width:740px;margin:auto;margin-top:30px;text-align:center}
.reset-password-state .lines{position:relative;width:280px;height:3px;float: left;margin-top:13px;background-color:#b9b9b9}
.reset-password-state .box{position:relative;width:60px;height:60px;float: left;}
.reset-password-state .box span{position:relative;display:block;margin:auto;width:25px;height:25px;margin-top:3px;line-height:25px;color:#fff;background-color:#b9b9b9;border-radius:100%;}
.reset-password-state .box span:after{position:absolute;content:'';width:31px;height:31px;left:-4px;top:-4px;border:1px solid #b9b9b9;border-radius:100%;}
.reset-password-state .box p{font-size:12px;margin-top:10px;color:#b9b9b9}
.reset-password-state .box.active span{background-color:#de3e37}
.reset-password-state .box.active span:after{border-color:#de3e37;}
.reset-password-state .box.active p{color:#de3e37}

.reset-password-box{width:600px;margin:30px auto 0;padding:5px 0;color:#787878;border-bottom:1px solid #ddd;}
.reset-password-box h2{font-weight:400}



















/*page*/
.pagetion-user {padding:30px 20px;text-align:right;}
.pagetion-user .txt {display:inline-block;}
.pagetion-user .txt span{color:#343434;display:block;padding:3px 10px;border:1px solid #ddd;border-radius:3px;}
.pagetion-user .pagination{ display:inline-block;}
.pagetion-user .pagination li{display:inline-block;margin:0 3px;background:#fff}
.pagetion-user .pagination li a{display:block;color:#343434;padding:3px 10px;border:1px solid #ddd;border-radius:3px;}
.pagetion-user .pagination li.disabled span{color:#ddd;display:block;padding:3px 10px;border:1px solid #ddd;border-radius:3px;}
.pagetion-user .pagination li.active span{color:#fff;display:block;padding:3px 10px;border:1px solid #4D91E2;background-color:#4D91E2;border-radius:3px;}
.pagetion-user .pagination li.active .sr-only{display:none}
.pagetion-user .pagination li:hover a{border-color:#4D91E2;color:#4D91E2}









/*cart*/
.cart-box{min-height:500px;padding-bottom: 40px;background-color:#f7f7f7}
.cart-tit{margin-bottom:20px;font-size: 32px;line-height: 80px;color: #333;font-weight: normal;background:#fff;border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7}
.cart-empty{background:#fff;border:1px solid #e7e7e7;padding:60px 0;text-align:center}
.cart-empty .cart-ico{margin:auto;width:100px;height:72px;background:url(../imgs/cart.png) no-repeat 0 0}
.cart-empty .hinter {font-size: 14px;line-height: 14px;color: #999;margin-top: 40px;}
.cart-empty .cart-btn {margin-top: 20px;font-size: 0;}
.cart-empty .cart-btn a {font-size: 12px;display: inline-block;width: 88px;height: 28px;line-height: 28px;border: 1px solid #c8c8c8;}

.cart_detail .cart_title_wrap {padding:0 20px;border: 1px solid #e7e7e7;background-color: #fff;height: 40px;line-height: 40px;color: #aaa;}
.cart_detail .cart_title_wrap li {float: left;font-size:12px}
.cart_detail .cart_title_wrap .cart_choose {width: 1px;padding: 0;height: 40px;line-height: 40px;}
.cart_detail .cart_title_wrap .cart_product {width: 400px;height: 40px;line-height: 40px;}
.cart_detail .cart_title_wrap .cart_sku,
.cart_detail .cart_title_wrap .cart_price,
.cart_detail .cart_title_wrap .cart_num,
.cart_detail .cart_title_wrap .cart_total {width: 160px;height: 40px;line-height: 40px;}
.cart_detail .cart_title_wrap .cart_operation {width: 50px;height: 40px;line-height: 40px;}
.cart_detail .cart_title_wrap .cart_sku{padding-right:30px}

.cart_list .cart_item {border: 1px solid #ccc;margin-top: 20px;}
.cart_list .item_title {
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}
.cart_list .item_title .item_choose_wrap {
    float: left;
    margin: 13px 10px 0 0;
}

.cart_list .shop_detail {
    font-size:12px;
}
.cart_list .shop_detail .icon_shop {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 4px;
    margin-right:5px;
    background: url(../imgs/cart.png) no-repeat -20px -74px;
}
.item_detail {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    line-height: 18px;
}
.cart_list .item_sub {
    position: relative;
    z-index: auto;
    padding: 0 20px;
}
.cart_list .item_detail_selected,
.cart_list .item_sub_selected {
    background-color: #fffceb;
}


.cart_list .cart_invalid,
.cart_list .cart_choose,
.cart_list .cart_img,
.cart_list .cart_product,
.cart_list .cart_sku,
.cart_list .cart_price,
.cart_list .cart_num,
.cart_list .cart_total,
.cart_list .cart_operation {
    float: left;
    padding: 20px 0;
}
.cart_list .cart_choose {
    position: relative;
    width: 14px;
    padding: 20px 20px 0 0;
    z-index: 3;
}
.item_choose_wrap {
    width: 12px;
    height: 12px;
    border: 1px solid #c8c8c8;
    position: relative;
    z-index: 3;
    background-color: #fff;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

.item_choose_wrap .item_choose {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
    z-index: 3;
    width: 12px;
    height: 12px;
    top: 0;
    left: 0;
    background:url(../imgs/cart.png) no-repeat -10px -90px;
}
.item_choose_wrap .item_choose_checked {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background-color: #fff;
}
.cart_list .cart_img {
    width: 90px;
}
.cart_list .cart_img img {
    width: 70px;
    height: 70px;
    padding:4px;
    border: 1px solid #eee;
    background-color:#fff;
}
.cart_list .cart_product {
    width: 225px;
    padding-right: 50px;
    padding-left: 0;
    height:80px;
    line-height:20px;
    overflow: hidden;
}
.cart_list .cart_sku, .cart_list .cart_price, .cart_list .cart_num, .cart_list .cart_total {
    width: 160px;
}
.cart_list .cart_sku{padding-right:30px}
.cart_list .price_old, .cart_list .price_new, .cart_list .cart_total {
    font-weight: bolder;
}
.cart_list .cart_total {
    color: #ff6600;
}
.cart_list .operation_delete {
    margin-top: 4px;
    font-weight: bold;
}
.cart_list .num_wrap {}
.cart_list .num_wrap .input-group{float:left;height:26px;background:#fff;}
.cart_list .num_wrap .property-number {float:left;width:24px;height:24px;line-height:24px;color:#999;text-align:center;cursor:pointer;border:1px solid #e0e0e0;font-size:14px;}
.cart_list .num_wrap .num {float:left;width:40px;height:24px;text-align:center;font-size:12px;border:none;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}



.cart_bottom_wrap {
    width: 100%;
    margin: 0 auto;
}

.cart_bottom {
    width: 100%;
    max-width: 1188px;
    height: 60px;
    margin-top: 10px;
    padding-left: 10px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    position: relative;
}
.cart_bottom .cart_sum_right {
    position: absolute;
    right: 0;
    top: 0;
}
.cart_bottom .cart_sum_num,
.cart_bottom .cart_sum_price,
.cart_bottom .cart_sum_to_order{
    margin-right: 40px;
    line-height:60px;
    font-size:12px;
    float:left;
}
.cart_bottom .cart_sum_num span{padding:0 3px;color:#ff6600}
.cart_bottom .total_price_inner {
    color: #f60;
    font-size: 18px;
    line-height: 18px;
    font-weight: bolder;
}
.cart_bottom .cart_sum_to_order {
    float:left;
    display:block;
    width: 160px;
    margin-right:0;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    height:60px;
    border:none;
    background-color: #f60;
    color: #fff;
    cursor: pointer;
}


/*checkout*/

.wrap-header h3 {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    color: #333;
    margin-right: 15px;
}
.wrap-header .small-text {
    font-size: 12px;
    color: #999;
}
.address-wrap{
    margin-bottom:50px;
}
.address-box {
    margin-top: 20px;
}
.address-box .adr {
    float: left;
    display:block;
    position: relative;
    margin-top: -1px;
    margin-right: -1px;
    background-color: #fff;
    cursor: pointer;
    overflow:hidden;
}
.address-box .adr:hover {
    background-color: #fafafa;
}
.address-box .adr .edit_btn{
    position:absolute;
    z-index:2;
    right:10px;
    bottom:10px;
    color:#ff6600;
    font-size:12px;
}

.address-box .adr input{
    display:none;
    position:absolute;
    left:-50px;
    top:-50px;
}
.address-box .adr-inner {
    display:block;
    position: relative;
    width: 258px;
    height: 75px;
    padding: 20px;
    border: 1px solid #e9e9e9;
    color: #999;
}

.address-box input[type="radio"]:checked + .adr-inner {
    border: 2px solid #0092d8;
    padding: 19px;
    color: #333;
    z-index: 1;
}
.address-box .adr-inner .icon_checked {
    position: absolute;
    top: -2px;
    right: -2px;
    display: none;
    background:url(../imgs/checkout.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.address-box input[type="radio"]:checked + .adr-inner .icon_checked {
    display: inline-block;
}
.address-box .adr-head {
    font-size: 0;
}
.address-box .adr-head span {
    font-size: 14px;
    line-height: 14px;
}
.address-box .adr-head .adr-name {
    margin-left: 12px;
    font-size:12px
}
.address-box .adr-body {
    margin-top: 10px;
    font-size: 0;
}
.address-box .adr-body span {
    font-size: 12px;
    line-height: 17px;
}

.address-wrap .add-adr{margin-top:10px;}
.address-wrap .add-adr .adr-btn{display:inline-block;height:40px;line-height:40px;border:1px solid #e7e7e7;padding:0 10px;  margin-bottom:10px;background:#fff;font-size:13px}
.address-wrap .add-adr .adr-btn .icon_add {
    position:relative;
    float:left;
    margin-top:12px;
    margin-right:10px;
    background:url(../imgs/checkout.png) no-repeat -17px 0;
    width: 16px;
    height: 16px;
}
.add-adr-box{width:800px;background:#fff;border:1px solid #e7e7e7;padding:15px;}
.adr_tb {width:800px;background:#fff;border-collapse: collapse;border-spacing: 0;}
.adr_tb th {
    width: 20%;
    text-align: right;
}
.adr_tb td, .adr_tb th {
    padding: 5px 0;
    vertical-align: middle;
}
.adr_tb th.th_row {
    position: relative;
    font-size:12px;
}
.adr_tb th .star {
    position: absolute;
    top: 50%;
    margin-top:-9px;
    left: 85px;
    color: red;
}
.adr_tb .td_select select{
    width:135px;
    height: 38px;
    padding: 0 5px;
    margin-right: 6px;
    border: 1px solid #ccc;
}
.adr_tb td {
    padding-left: 20px;
}
.adr_tb .ipt_box {
    position: relative;
    width: 100%;
}
.adr_tb .nm_ipt {
    border: 1px solid #c8c8c8;
    padding: 0 10px;
    line-height: 38px;
    height: 38px;
    width:65%;
}
.adr_tb .error_txt {
    position: absolute;
    color: #f30;
    top: 0;
    left: 70%;
    width: 35%;
    font-size: 12px;
    line-height: normal;
    padding: 10px 0 0 10px;
}
.add-adr-box .btn_box {
    margin-top:10px;
    margin-left: 180px;
}
.add-adr-box .addr_layer_btn {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #c8c8c8;
    text-align: center;
    letter-spacing: 5px;
    margin-right: 20px;
    cursor: pointer;
}
.add-adr-box .addr_layer_btn.blue {
    background: #0093d5;
    color: #fff;
    border-color:#0093d5
}



.isInvoice-btn{
	height: 40px;
    line-height: 40px;
	padding:0 10px;
	background:#fff;
	position:relative;
	display: inline-block;
	margin-top:20px;
	margin-bottom:10px;
	border:1px solid #e7e7e7;
	font-size:13px;
}


.isInvoice-btn input{
    display:none;
    position:absolute;
    left:-50px;
    top:-50px;
}

.isInvoice-btn .inv-ico  {
	position: relative;
    float: left;
    margin-top: 12px;
    margin-right: 10px;
    background:url(../imgs/checkout.png) no-repeat -34px 0;
    width: 16px;
    height: 16px;
}
.isInvoice-btn input[type="checkbox"]:checked + .inv-ico {
    background-position:0 0;
}
















/*confirm-order*/


.confirm-order-wrap {
    margin-top: 40px;
}
.confirm-order-box {
    margin-top: 20px;
}
.confirm-order-box .shop-header {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    font-size: 12px;
    color: #999;
    line-height: 12px;
    padding: 14px 20px;
    text-align: center;
}


.confirm-order-box .item-desc {
    width: 550px;
    color: #333;
    text-align: left;
}
.confirm-order-box .shop-header>div {
    float: left;
}
.confirm-order-box .shop-header .item-desc {
    position: relative;
    text-indent: 20px;
}
.confirm-order-box .shop-header .icon_official {
    position: absolute;
    top: -2px;
    left: 0;
    background:url(../imgs/checkout.png) no-repeat 0 -34px;
    width: 15px;
    height: 15px;
}

.confirm-order-box .item-attr,
.confirm-order-box .item-price{
    width: 150px;
}
.confirm-order-box .item-num {
    width: 150px;
}
.confirm-order-box .item-total {
    width: 150px;
    text-align: right;
}
.confirm-order-box .exchange-goods-wrap, .confirm-order-box .goods-wrap, .confirm-order-box .suit-goods-wrap {
    font-size: 12px;
    color: #333;
    border: 1px solid #e9e9e9;
    border-top: none;
    text-align: center;
}
.confirm-order-box .goods-wrap {
    padding: 15px 20px ;
    background-color: #fff;
}
.confirm-order-box .exchange-goods-wrap>div,
.confirm-order-box .goods-wrap>div,
.confirm-order-box .suit-goods-wrap>div {
    float: left;
    height:60px;
    line-height: 17px;
}
.confirm-order-box .exchange-goods-wrap .goods-img,
.confirm-order-box .goods-wrap .goods-img,
.confirm-order-box .suit-goods-wrap .goods-img {
    position: relative;
    float: left;
    width: 54px;
    height: 54px;
    padding:2px;
    background:#fff;
    border: 1px solid #e9e9e9;
}
.confirm-order-box .exchange-goods-wrap .goods-title,
.confirm-order-box .goods-wrap .goods-title,
.confirm-order-box .suit-goods-wrap .goods-title {
    margin-left: 75px;
}
.confirm-order-box .goods-wrap .item-total .text-orange {
    color:#ff6600;
}

.amount-wrap {
    margin-top: 10px;
}
.item-box-wrap {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    padding: 14px 20px;
    line-height: 26px;
}
.amount-wrap .amount-inner {
    background-color: #fff;
    padding-top: 0;
}
.amount-wrap .amount-inner .amount-box {
    border-bottom: 1px solid #e9e9e9;
}
.amount-wrap .amount-inner .right-area {
    padding: 15px 0 10px;
}
.amount-wrap .amount-inner .amount-box table {
    color: #333;
    line-height: 21px;
    text-align: right;
    width: 100%;
}
.amount-wrap .amount-inner .amount-box table td{
    font-size:12px
}
.amount-wrap .amount-inner .amount-table .total-fee {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color:#ff6600;
}
.amount-wrap .amount-inner .order-submit-box {
    margin-top: 20px;
    padding-bottom: 10px;
}
.amount-wrap .amount-inner .order-submit-box .submit-btn {
    float: right;
    cursor: pointer;
    line-height: 40px;
    color: #fff;
    border: 0;
    width: 240px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    background-color: #f60;
}

.paytype-wrap{
    margin-top:10px;
    background-color: #fff;
}

.paytype-wrap .type-header {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    font-size: 16px;
    line-height: 12px;
    padding: 14px 20px;
}
.paytype-wrap .type-warp {
    border:1px solid #e9e9e9;
    border-top:none;
    background-color: #fff;
    padding: 20px 20px 0;
}
.paytype-wrap .type-warp .type-list{
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    padding-left:26px;
    width:152px;
    height:52px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}
.paytype-wrap .type-warp .type-list input {
    display: none;
    position: absolute;
    left: -50px;
    top: -50px;
}
.paytype-wrap .type-warp .type-list .icon_checked{
    position:absolute;
    width:16px;
    height:16px;
    left:0;
    top:0;
    background:url(../imgs/checkout.png) no-repeat -34px -17px;
}
.paytype-wrap .type-warp .type-list input[type="radio"]:checked + .icon_checked {
    background-position:0 0;
}

.paytype-wrap .type-warp .type-list .type-head{
    width:150px;
    height:50px;
    border:1px solid #e7e7e7;
    overflow:hidden;
}
.paytype-wrap .type-warp .type-list .type-head img{
    width:150px;
    height:50px;
}
.paytype-wrap .type-warp .type-wallet{
    width:252px;
}
.paytype-wrap .type-warp .type-head{
    float:left;
}
.paytype-wrap .type-warp .type-wallet .wallet{
    width:90px;
    float:right;
    font-size:12px;
}
.paytype-wrap .type-warp .type-wallet .wallet span{
    color:#ff6600;
}


.paytype-wrap .type-warp .coupon-list{
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    padding-left:26px;
    width:300px;
    height:90px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}
.paytype-wrap .type-warp .coupon-list input {
    display: none;
    position: absolute;
    left: -50px;
    top: -50px;
}
.paytype-wrap .type-warp .coupon-list .icon_checked{
    position:absolute;
    width:16px;
    height:16px;
    left:0;
    top:0;
    background:url(../imgs/checkout.png) no-repeat -34px -17px;
}
.paytype-wrap .type-warp .coupon-list input[type="checkbox"]:checked + .icon_checked {
    background-position:0 0;
}
.paytype-wrap .type-warp .coupon-list .type-head{
    width:300px;
    height:90px;
    overflow:hidden;
}
.paytype-wrap .type-warp .coupon-list .type-head .left-c {
    float: left;
    width: 110px;
    height: 75px;
    padding-top: 15px;
    color: #fff;
    text-align: center;
    background-color: #ff5e5c;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.paytype-wrap .type-warp .coupon-list .type-head .left-c span {
    display: block;
    height:35px;
    line-height:35px;
    font-size: 20px;
    font-family: "Arial" ,"Microsoft Yahei";
}
.paytype-wrap .type-warp .coupon-list .type-head .left-c p {
    display: block;
    height:20px;
    line-height:20px;
    font-size: 12px;
}
.paytype-wrap .type-warp .coupon-list .type-head .right-c {
    float: left;
    width: 159px;
    height: 60px;
    padding: 14px 15px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.paytype-wrap .type-warp .coupon-list .type-head .right-c p {
    width: 159px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.paytype-wrap .type-warp .coupon-list .type-head .right-c .p2 {
    color: #999;
    font-size: 12px;
    background: url(../imgs/r.png) no-repeat right center;
}


/*pay*/
.pay_info_wrap {
    background-color: #fff;
    border-top:1px solid #e7e7e7
}
.pay_info_wrap .scan_code_wrap {
    width: 990px;
    margin: 0 auto;
    padding: 20px 0 12px;
}
.pay_info_wrap .pay_tips {
    float: left;
    width: 750px;
}
.pay_info_wrap .pay_tips .tips_info {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}
.pay_info_wrap .pay_tips .tips_info span{
    color: #f60;
}
.pay_info_wrap .pay_tips .receive_info {
    margin-top: 8px;
    font-size: 12px;
    color: #333;
}
.pay_info_wrap .pay_info {
    float: left;
    width: 240px;
    text-align: right;
    color: #333;
}
.pay_info_wrap .pay_info .price {
    font-size: 24px;
    margin-top: 5px;
    color: #f60;
}

.scan_code_wrap {
    width: 990px;
    margin: 0 auto;
}
.scan_code_inner {
    margin-top: 20px;
}

.pay_tab li {
    float: left;
    position: relative;
    width: 196px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    cursor: pointer;
    z-index: 1;
    border: 1px solid #e9e9e9;
    color: #666;
}
.pay_tab .wechat {
    margin-right: -1px;
}
.pay_tab .checked {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}
.pay_tab i {
    position: relative;
    display: inline-block;
    top: 6px;
    margin-right: 6px;
}
.icon-wechat {
    background-image: url(../imgs/pay.png);
    background-position: -277px -275px;
    width: 27px;
    height: 24px;
}
.icon-alipay {
    background-image: url(../imgs/pay.png);
    background-position: -368px -275px;
    width: 24px;
    height: 24px;
}

.wechat_code_wrap,
.alipay_code_wrap{
    background-color: #fff;
    border: 1px solid #e9e9e9;
    margin-top: -1px;
    height: 480px;
}
.wechat_code {
    position: relative;
    width: 200px;
    margin: 98px auto 0;
}
.wechat_code .icon-wechat-scan {
    position: absolute;
    top: -40px;
    left: 224px;
}
.icon-wechat-scan {
    display: inline-block;
    background-image: url(../imgs/pay.png);
    background-position: 0 -310px;
    width: 165px;
    height: 157px;
}
.wechat_code .wechat_code_inner {
    padding: 15px;
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 10px #eee;
}
.wechat_code .wechat_qrcode {
    width: 168px;
    height: 168px;
}
.wechat_code .wechat_qrcode img{
    width: 168px;
    height: 168px;
}
.wechat_code .wechat_qrcode_tips {
    position: relative;
    margin-left: 36px;
    font-size: 12px;
    margin-top: 15px;
    line-height: 16px;
    color: #333;
    text-align:center;
}
.wechat_code .wechat_qrcode_tips i {
    position: absolute;
    left: -10px;
    top: 2px;
}
.icon-scan {
    display: inline-block;
    background-image: url(../imgs/pay.png);
    background-position: -246px -275px;
    width: 26px;
    height: 26px;
}
.wechat_code .order_detail_link {
    margin-top: 20px;
    font-size: 12px;
    color: #999;
    text-align:center;
}








.handle-state{width:780px;margin:auto;margin-top:30px;text-align:center;display:table;}
.handle-state .lines{position:relative;display:table-cell;width:auto;height:2px;background-color:#fff}
.handle-state .lines span{display:block;margin-top:14px;height:2px;background-color:#b2b2b2;}
.handle-state .box{position:relative;width:100px;display:table-cell;vertical-align:top}
.handle-state .box span{position:relative;display:block;margin:auto;width:25px;height:25px;margin-top:3px;line-height:25px;color:#fff;background-color:#b9b9b9;border-radius:100%;}
.handle-state .box span:after{position:absolute;content:'';width:31px;height:31px;left:-4px;top:-4px;border:1px solid #b9b9b9;border-radius:100%;}
.handle-state .box p{font-size:12px;margin-top:10px;color:#b9b9b9}
.handle-state .box.active span{background-color:#4d91e2}
.handle-state .box.active span:after{border-color:#4d91e2;}
.handle-state .box.active p{color:#4d91e2}






/*2018.02.02 问卷*/
.questionnaire{margin-top:10px;padding:1px 13px 50px;background-color:#fff;border:1px solid #e7e7e7}
.questionnaire .form-questionnaire{margin-top:13px;border:1px solid #ddd;}
.questionnaire .form-questionnaire h2{padding:10px 20px;color:#666;font-weight:normal;border-bottom:1px solid #ddd;background:#f7f7f7}
.questionnaire .questionnaire-list{padding:0 27px 13px}
.questionnaire .table-textarea{display:block;margin:13px 13px 0;border:1px solid #ddd}
.questionnaire .table-textarea textarea{display:block;width:858px;height:100px;line-height:20px;padding:0 10px;border:0;margin:5px 0;resize:none;}


